@import '../../../../assets/styles/mixin.less';

.fileAndReportCardRecord {
  background-color: #eee;
  min-height: 100%;
  box-sizing: border-box;
  padding: 24rpx 24rpx 1rpx 24rpx;
  .list-hover {
    opacity: 0.7;
  }
  .list {
    .item {
      width: 100%;
      background-color: #fff;
      box-shadow: 0rpx 8rpx 9rpx 0rpx rgba(33,114,237,0.02);
      border-radius: 8rpx;
      margin-bottom: 24rpx;
      .head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 28rpx 25rpx;
        font-size: 28rpx;
        border-bottom: 1px solid #EEEEEE;
        .time {
          color: #999999;
        }
        .link {
          color: #2172ED;
        }
      }
      .content {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
        padding: 40rpx 25rpx;
        font-size: 28rpx;
        line-height: 52rpx;
        color: #111;
        .text {
          width: 50%;
          box-sizing: border-box;
          padding-right: 10rpx;
          .no-wrap();
        }
        .highlight {
          color: #EF4545;
        }
      }
      .get-umi {
        width: 100%;
        box-sizing: border-box;
        padding: 35rpx 24rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #eeeeee;
        .left {
          display: flex;
          align-items: center;
          .umi {
            width: 30rpx;
            height: 30rpx;
            margin-right: 12rpx;
          }
          .text {
            font-size: 28rpx;
            color: #2172ED;
          }
        }
        .right {
          color :#2172ED;
          opacity: 0.3;
        }
      }
    }
  }
}